<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- js文件夹里是码云上down下来的文件 -->
		<!-- JQuery渐渐淘汰了 -->
		<!-- vue-router前端路由 -->
		<!-- axios 远程调用-->
		<!-- 测试 -->
		<table>
			<tr>
				<td>
					<select name="s1">
						<option value="1">{{msg1}}</option>
						<option value="2">{{msg2}}</option>
						<option value="3">{{msg3}}</option>
						<option value="4">{{msg4}}</option>
					</select>
				</td>
			</tr>
		</table>

		<script src="../js/vue.js"></script>
		<script>
			/* 
			 1.const 定义常量
			 2.let：作用和var类似，有作用域的概念
			 3.var 特点 没有作用域 
			 
			 */
			/* 1. */
			const APP3 = new Vue({
				//1.指定区域 区域属性名必须是 el
				//貌似只能对一个元素生效
				el: "select[name]",
				//2.定义属性 
				data: {
					msg1: "冲",
					msg2: "冲冲冲",
					msg3: "快快快",
					msg4: "行动"
				}
			})
			const APP = new Vue({
				el: "#div1",
				data: {
					msg: "????????????",
					h3Html: '<h3>这是一个html渲染</h3>',
					once: '只能被渲染一次'
				}

			})
		</script>
	</body>
</html>
